<template>
	<HeaderNav />
	<article>
		<!-- 网站主体 -->
		<div id="main">
			<section class="aside">
				<!-- 定义右侧窗口信息 -->
				<UserAside />
				
				<Advice />
			</section>
			
			<section>
				<h1 class="detail-res-more">更多资源</h1>
				<div class="bg-hr"></div>
				<div id="sec-more-list" class="detail-col-list">
					<!-- 定义一个条目-->
					<div class="pro">
					   <div class="img">
						   <img src="../assets/images/avi.svg" />
					   </div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">spring cloud,spring boot 项目实例，两个</a>
							</div>
							<div class="down">
								<b class="type">开发技术<i>/</i>JavaScript</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>

					<div class="pro">
						<div class="img">
							<img src="../assets/images/pdf.svg" />
						</div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">简易java开源订销管理系统.zip</a>
							</div>
							<div class="down">
								<b class="type">开发技术<i>/</i>JavaScript</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>

					<div class="pro">
						<div class="img">
							<img src="../assets/images/zip.svg" />
						</div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">简易java开源订销管理系统.zip</a>
							</div>
							<div class="down">
								<b class="type">开发技术<i>/</i>JavaScript</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>

					<div class="pro">
						<div class="img">
							<img src="../assets/images/txt.svg" />
						</div>
						<div class="cs">
							<div class="up">
								<a href="/detail/1">简易java开源订销管理系统.zip</a>
							</div>
							<div class="down">
								<b class="type">开发技术<i>/</i>JavaScript</b>
							</div>
						</div>
						<div class="arr">
							<span>积分:<b>2</b></span>
						</div>
					</div>
					<!-- 分页插件 -->
					<VanPagination v-model="page" :totalItems="total" :itemsPerPage="10" :showPageSize="5" 
						:forceEllipses="true" />
					
				</div>
			</section>
		</div>
	</article>
	<Footer />
</template>

<script>
import HeaderNav from "../components/HeaderNav.vue";
import Footer from "../components/Footer.vue"; 
import VanPagination from '../components/VanPagination.vue' ;
import UserAside from "../components/UserAside.vue";
import Advice from "../components/Advice.vue";
	
export default {
	components: {
		HeaderNav, 
		Footer ,
		VanPagination ,
		UserAside ,
		Advice ,
	},
	props: {
		uid: {
			type:[Number, String], 
			required: true 
		}
	},
	data() {
		return {
			page: 1, 
			total: 100,
		}
	}
}
</script>

<style>
</style>